/**********************************  公共样式 **********************************/
// ==============================常用颜色===============================
$common-white-color:#ffffff;
$common-black-color:#000000;
$common-dark-orange-color:#EE8335;
$common-orange-color:#ffa500;
$disable-grey-color:#BBBBBB;
$text-grey-color:#797979;
$bg-grey-color:#EEEEEE;
$common-pink-color:#EA7586;
$common-greyblue-color:#373D52;

// ==============================文字颜色===============================
$text-black-color: #222222;

// ==============================按钮颜色===============================
$button-red-color:#ff4b2b;
$button-cyan-color:#4FDAC1;
$button-blue-color:#409eff;

// ==============================遮罩颜色===============================
$bg-overlay-color:rgba(0,0,0,0.1);

// ==============================卡片阴影===============================
$card-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
$hover-card-shadow: 0 5px 10px 5px hsla(0,0%,43.1%,0.4);

// ==============================常用边框半径===============================
$common-border-radius:16px;

// ==============================边框半径===============================
@mixin border-radius($radius:5px) {  /*设置默认值为5px*/
    border-radius: $radius !important;
}

@mixin border-radius-all($top-left:5px, $top-right:5px,$bottom-right:5px,$bottom-left:5px,) {  /*设置默认值为5px*/
    border-top-left-radius: $top-left !important;
    border-top-right-radius: $top-right !important;
    border-bottom-right-radius: $bottom-right !important;
    border-bottom-left-radius: $bottom-left !important;
}



/* 常用 flex */
.flx-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flx-justify-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flx-align-center {
	display: flex;
	align-items: center;
}

/* 清除浮动 */
.clearfix::after {
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	content: "";
}

/* 文字单行省略号 */
.sle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 文字多行省略号 */
.mle {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* 文字多了自動換行 */
.break-word {
	word-break: break-all;
	word-wrap: break-word;
}

/* 阴影 */
.shadow-box {
    box-shadow: 0 1px 20px -6px rgba(0,0,0,0.5);
    transition: all .3s ease;
}

/* 宽度 */
.width-full {
    width: 100% !important;
}

/* 外边距上下 */
.margin-top-down {
    margin: 15px 0 !important;
}
/* 外边距上 */
.public-margin-top {
    margin-top: 10px;
}
